/* ===== ModBlogC — AZ Managed IT Dark Theme (FORCE OVERWRITE, aligned list & square-corner thumbs) =====
   High-specificity + !important to beat template.css?cdv=...
   Key updates: list uses CSS GRID (no drift), 16:9 cover thumbs, no rounded corners or hover-zoom on list images.
==================================================================== */

/* Scope + tokens */
html body .ModBlogC{
  --bg:#0c1320; --card:#0f1726; --ring:#22314c; --ink:#e8edf4; --muted:#a9b5c5; --yellow:#ffd700; --accent:#1a2a48;
  font-family:"Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif !important;
  color:var(--ink) !important;
}
/* Page background */
html body .ModBlogC{
  background:
    linear-gradient(transparent,transparent),
    radial-gradient(1100px 70% at 15% -10%,#16243d 0%,#0f182b 55%,var(--bg) 100%) !important;
  border-top:1px solid rgba(255,255,255,.04) !important;
  padding:8px 0 0 !important;
}

/* ---------- Articles: List View (GRID; fixes image drift) ---------- */
html body .ModBlogC .bbs-listarticle{
  display:grid !important;
  grid-template-columns:264px 1fr !important;   /* fixed thumb | fluid content */
  column-gap:24px !important;
  row-gap:12px !important;
  align-items:start !important;
  padding:24px 0 !important;
  border-bottom:1px solid var(--ring) !important;
  background:transparent !important;
}
/* Title */
html body .ModBlogC .bbs-listarticle h2{
  font-size:26px !important; line-height:1.35 !important; font-weight:900 !important;
  color:var(--yellow) !important; margin:0 0 8px !important; letter-spacing:.01em !important;
  font-family:"Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif !important;
}
html body .ModBlogC .bbs-listarticle h2 a,
html body .ModBlogC .bbs-listarticle h2 a:visited{
  color:var(--yellow) !important; text-decoration:none !important; display:block !important;
  transition:filter .15s ease, transform .06s ease !important;
}
html body .ModBlogC .bbs-listarticle h2 a:hover{ filter:brightness(1.1) !important; transform:translateY(-1px) !important }

/* Thumbnail frame (no rounded corners) */
html body .ModBlogC .bbs-listarticle figure{
  margin:0 !important;
  width:100% !important;
  flex:none !important;            /* in case module injects flex */
  border-radius:0 !important;
  background:transparent !important;
  border:1px solid var(--ring) !important;
  box-shadow:none !important;
  overflow:hidden !important;      /* crop image cleanly */
}
/* Thumbnail image: 16:9, cover, square corners, no hover zoom */
html body .ModBlogC .bbs-listarticle figure img{
  display:block !important; width:100% !important;
  height:auto !important; aspect-ratio:16/9 !important;
  object-fit:cover !important; object-position:center !important;
  border-radius:0 !important; box-shadow:none !important;
  transform:none !important; transition:none !important;
}

/* Content column tidy */
html body .ModBlogC .bbs-listarticle .content{ min-width:0 !important; align-self:start !important }
html body .ModBlogC .bbs-listarticle .content .summary,
html body .ModBlogC .bbs-listarticle .content .summary p{
  font-size:15.8px !important; line-height:1.7 !important; color:var(--ink) !important; opacity:.92 !important; margin-bottom:10px !important;
}
html body .ModBlogC .bbs-listarticle .content .metadata{
  margin-top:6px !important; line-height:1 !important; display:flex !important; flex-wrap:wrap !important; gap:10px !important;
}
html body .ModBlogC .bbs-listarticle .content .metadata div{
  font-size:.88rem !important; color:var(--muted) !important; padding:6px 10px !important; border-radius:999px !important;
  border:1px solid #2a3a54 !important; background:#0f1d34 !important;
}
html body .ModBlogC .bbs-listarticle figure:empty{ display:none !important }

/* ---------- Single Article ---------- */
html body .ModBlogC .bbs-article{ padding-bottom:60px !important }
html body .ModBlogC .bbs-article .content{ height:auto !important; overflow:hidden !important }

/* Left meta column & body */
@media (min-width:600px){
  html body .ModBlogC .bbs-article .content .metadata{ float:left !important; width:260px !important }
  html body .ModBlogC .bbs-article .content .body{ width:auto !important; overflow:hidden !important }
}
@media (max-width:599px){
  html body .ModBlogC .bbs-article .content .metadata{ display:block !important; margin-bottom:14px !important }
}
html body .ModBlogC .bbs-article .content .metadata{ line-height:21px !important }
html body .ModBlogC .bbs-article .content .metadata>div{
  padding:14px !important; margin:0 20px 16px 0 !important; border-radius:12px !important;
  background:var(--card) !important; border:1px solid var(--ring) !important; box-shadow:0 8px 20px rgba(0,0,0,.18) !important;
}
html body .ModBlogC .bbs-article .content .metadata>div h5{
  color:var(--muted) !important; text-transform:uppercase !important; font-weight:800 !important; letter-spacing:.06em !important; margin:0 0 8px !important;
}
html body .ModBlogC .bbs-article .content .metadata .sharrre{ padding-top:8px !important }
html body .ModBlogC .bbs-article .content .metadata .sharrre a{ padding-right:12px !important; color:var(--ink) !important }
html body .ModBlogC .bbs-article .content .metadata .sharrre a i{ font-size:1.1em !important }

/* Body copy & headings */
html body .ModBlogC .bbs-article .content .body{ padding-top:10px !important }
html body .ModBlogC .bbs-article .title,
html body .ModBlogC .bbs-article h1,
html body .ModBlogC .bbs-article .content h1{
  font-size:32px !important; line-height:1.2 !important; font-weight:900 !important; color:var(--yellow) !important;
  margin:8px 0 14px !important; letter-spacing:.01em !important;
}
html body .ModBlogC .az-post-subtitle{ font-size:1.25rem !important; font-weight:700 !important; color:#9fd6ff !important; line-height:1.4 !important; margin:6px 0 18px !important }
html body .ModBlogC .bbs-article h3{ font-size:1.22rem !important; font-weight:800 !important; color:#9fd6ff !important; margin:28px 0 12px !important }
html body .ModBlogC .bbs-article .content p{ font-size:16px !important; line-height:1.75 !important; color:var(--ink) !important; opacity:.95 !important; margin-bottom:16px !important }
html body .ModBlogC .bbs-article strong{ font-weight:800 !important }

/* Inline elements */
html body .ModBlogC .bbs-article .content a{ color:#7ad7ff !important; text-decoration:none !important; border-bottom:1px dotted #35517f !important }
html body .ModBlogC .bbs-article .content a:hover{ color:#bfe7ff !important; border-bottom-color:#6aa7d9 !important }
html body .ModBlogC .bbs-article blockquote{
  margin:18px 0 !important; padding:14px 16px !important; border-left:3px solid var(--yellow) !important;
  background:rgba(26,42,72,.45) !important; border-radius:10px !important; color:var(--ink) !important;
}
html body .ModBlogC pre,
html body .ModBlogC code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace !important;
  background:#0b1424 !important; color:#e6f1ff !important; border:1px solid #20314d !important; border-radius:10px !important;
}
html body .ModBlogC pre{ padding:14px !important; overflow:auto !important }
html body .ModBlogC code{ padding:.15em .35em !important; border-radius:8px !important }

/* Tags */
html body .ModBlogC .bbs-article .content .metadata .tags a{
  display:inline-block !important; margin:4px 6px 0 0 !important; padding:6px 10px !important; border-radius:999px !important;
  background:#0f1d34 !important; color:#cfe6ff !important; border:1px solid #35517f !important; text-decoration:none !important;
}
html body .ModBlogC .bbs-article .content .metadata .tags a:hover{ filter:brightness(1.08) !important }

/* ---------- Comments ---------- */
html body .ModBlogC .bbs-comments{ margin-top:34px !important; padding-top:16px !important; border-top:1px solid var(--ring) !important }
html body .ModBlogC .bbs-comments .comment{ padding:14px 0 !important; border-bottom:1px solid rgba(42,58,84,.6) !important }
html body .ModBlogC .bbs-comments .comment:last-child{ border-bottom:none !important }
html body .ModBlogC .bbs-comments .comment .author{ padding:6px 0 !important; color:var(--muted) !important }
html body .ModBlogC .bbs-comments .comment .author > div{ display:inline !important }
html body .ModBlogC .bbs-comments .comment .author .pic{ padding-right:10px !important }
html body .ModBlogC .bbs-comments .comment .author .pic img{ width:32px !important; height:32px !important; border-radius:8px !important; border:1px solid #2b3c60 !important }
html body .ModBlogC .bbs-comments .comment .content{ font-size:1.04rem !important; color:var(--ink) !important }
html body .ModBlogC .bbs-comments .comment .actions{ padding:10px 0 !important; color:var(--muted) !important; font-size:.9rem !important }
html body .ModBlogC .bbs-comments .comment .subcomments{ padding-left:24px !important; border-left:2px solid #20314d !important }

/* ---------- Pagination ---------- */
html body .ModBlogC .bbs-pager{ text-align:center !important }
html body .ModBlogC .bbs-pager .bbs-pagination{ width:92% !important; max-width:780px !important; margin:2rem auto 3.2rem !important; text-align:center !important }
html body .ModBlogC .bbs-pager .bbs-pagination li{ display:none !important; margin:0 .2em !important }
html body .ModBlogC .bbs-pager .bbs-pagination li.button{ display:inline-block !important }
html body .ModBlogC .bbs-pager .bbs-pagination a,
html body .ModBlogC .bbs-pager .bbs-pagination span{
  display:inline-block !important; user-select:none !important; padding:.55em .85em !important; font-size:1.1rem !important;
  border:1px solid var(--ring) !important; border-radius:10px !important; color:var(--ink) !important; background:var(--card) !important;
  transition:filter .15s ease, transform .06s ease !important;
}
html body .ModBlogC .bbs-pager .bbs-pagination a:hover{ filter:brightness(1.06) !important }
html body .ModBlogC .bbs-pager .bbs-pagination a:active{ transform:scale(.96) !important }
html body .ModBlogC .bbs-pager .bbs-pagination a.disabled{ color:rgba(232,237,244,.45) !important; pointer-events:none !important; opacity:.6 !important }
html body .ModBlogC .bbs-pager .bbs-pagination .button:first-of-type a::before{ content:"\00ab  " }
html body .ModBlogC .bbs-pager .bbs-pagination .button:last-of-type a::after{ content:" \00bb" }
html body .ModBlogC .bbs-pager .bbs-pagination .current{ background:var(--yellow) !important; border-color:var(--yellow) !important; color:#0c1320 !important; font-weight:900 !important }

/* ---------- Titles (fallbacks) ---------- */
html body .ModBlogC .bbs-article .content h2,
html body .ModBlogC .bbs-article .content h4{ color:var(--yellow) !important }

/* ---------- Responsive ---------- */
@media (max-width:900px){
  html body .ModBlogC .bbs-listarticle{ grid-template-columns:220px 1fr !important }
}
@media (max-width:768px){
  html body .ModBlogC .bbs-listarticle{
    grid-template-columns:1fr !important;
    row-gap:14px !important;
    text-align:left !important;
  }
  html body .ModBlogC .bbs-listarticle figure{ width:100% !important }
}